
.mine-integral{
  padding: 32px;
  .integral-header{
    border-radius: 32px;
    padding: 0 32px;
    color: #30383F;
    .h1{
      font-size: 64px;
      margin: 24px 0 32px;
      color: var(--theme-color);
    }
    .p{
      font-size: 24px;
      color: #60686F;
    }
  }  /// integral-header end
  
  .integral-list{
    background: #fff;
    border-radius: 32px;
    padding: 0 32px;
    margin-top: 28px;
    .list-title{
      font-size: 32px;
      font-weight: 500;
      border-bottom: 2px solid #EEEEEF;
      line-height: 109px;
    }
    .list-tabs{
      margin: 32px 0;
      display: flex;
      align-items: center;
      .p{
        width: 80px;
        height: 50px;
        line-height: 50px;
        background: #f6f7f8;
        color: #90989F;
        border-radius: 8px;
        margin-right: 32px;
        text-align: center;
        font-size: 24px;
        &.active{
          background: var(--theme-color);
          color: #fff;
        }
      }
    }
    .list-item{
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 32px;
      .item-title{
        width:65%;
      }
      .item-info{
        text-align: right;
      }
      .h3{
        font-size: 28px;
        color: #30383F;
        font-weight: 400;
      }
      .p{
        font-size: 24px;
        color: #90989F;
      }
    }
  }  // integral-list end
}